/* 主题颜色 */
@paimary-background: #2F4050; ///主题背景颜色.
@paimary-color: #A7B1C2; ///主题字体颜色.
/* 侧栏宽度 */
@leftAsideBigWidth: 220px;
@leftAsideSmallWidth: 75px;

/* 侧边栏展开宽度 */
.bigAside{
  width: @leftAsideBigWidth;
}
/* 侧边栏收缩宽度 */
.smallAside{
  width: @leftAsideSmallWidth;
}
a{
  text-decoration: none!important
}
/* 隐藏 */
.hide{
  display: none
}
.leftAside{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  background: @paimary-background;

  /* 顶部样式 */
  .asideTop{
    color: @paimary-color;
    .userName{
      padding: 10px 0 0 6px;
      position: relative;
      i{
        cursor: pointer;
      }
    }
    .userImg{
      color: #58A3D2;
    }
    .userOptions{
      @height: 80px;
      position: absolute;
      top: 28px;
      left: 0;
      // padding: 17px 20px;
      height: @height;
      width: 110px;
      line-height: @height / 2;
      border-radius: 5px;
      background: #FEFEFE;
      z-index: 10;
      li{
        text-align: center;
        color: #333333;
        cursor: pointer;
        a{
          color: #333333;
        }
        &:hover{
          background: #F4F4F4;
          border-radius: inherit;
        }
      }
    }
  }
  .navShrink{
    position: absolute;
    right: 6px;
    top: 30px;
    z-index: 11;
    cursor: pointer;

    i{
      color: @paimary-color;
      font-size: 16px;
      font-weight: bold;
      
      &:hover{
        color: white;
      }
    }
  }
  .asideTopExtend{
    padding: 30px 0 40px 20px;
    .userImg{
      font-size: 54px
    }
    & > figcaption{
      display: block
    }
  }
  .asideTopShrink{
    padding: 20px 0 13px 14px;
    .userImg{
      font-size: 35px
    }
    & > figcaption{
      display: none
    }
  }


  /* 列表样式 */
  .list{
    width: 100%;
    height: 100%;
    a{
      display: inline;
      color: @paimary-color;
      &:hover{
        color: white;
      }
    }
  }
  .listShrink{
    & > li{
      padding-right: 49%;
    }
  }

}
